<template>
  <component :is="'h' + tagLevel" :style="styles">{{ content }}</component>
</template>

<script>
export default {
  name: 'TextWidget',
  props: {
    content: {
      type: String,
      default: '默认标题'
    },
    tagLevel: {
      type: Number,
      default: 1
    },
    styles: {
      type: Object,
      default: () => ({
        fontSize: '14px',
        color: '#606266',
        // fontWeight: 'normal',
        fontStyle: 'normal',
        textAlign: 'left',
        fontFamily: '微软雅黑',
      })
    }
  }
}
</script>